@import 'modules/reset.scss';
@import 'modules/header.scss';
@import 'modules/footer.scss';
@import 'modules/leader.scss';
.contain {
    height: 600px;
    width: 100%;
    position: relative;
    &-wrap {
        min-width: 100%;
        height: inherit;
        background: url(https://anta-cn-web.obs.myhwclouds.com/theme/images/antacn/login/login-01.jpg) no-repeat;
        background-size: 100% auto;
        .wrap-tab {
            box-sizing: border-box;
            background: #fff;
            width: 500px;
            min-height: 500px;
            margin: 50px 100px;
            position: relative;
            &-center {
                height: 360px;
                width: 360px;
                margin: 70px 0 0 70px;
                .login-current {
                    height: 185px;
                    .login-main-form {
                        overflow: hidden;
                        input {
                            width: 100%;
                            height: 42px;
                            line-height: 22px;
                            padding: 13px 16px 13px 14px;
                            margin-top: 15px;
                            display: block;
                            outline: none;
                            box-sizing: border-box;
                            color: #e0e0e0;
                        }
                        button {
                            width: 100%;
                            height: 50px;
                            line-height: 50px;
                            display: block;
                            margin-bottom: 14px;
                            margin-top: 15px;
                            text-align: center;
                            font-size: 14px;
                            color: #fff;
                            cursor: pointer;
                            background: #000;
                            outline: none;
                            border: none;
                        }
                    }
                }
                .login-other {
                    width: 100%;
                    margin: 0 auto;
                    font-size: 14px;
                    color: #ccc;
                    margin-top: 50px;
                    .login-other-fieldset {
                        border-top: 1px solid #999;
                        padding-top: 10px;
                        text-align: center;
                    }
                    .login-other-code {
                        text-align: center;
                        padding-top: 10px;
                        >a {
                            width: 30px;
                            height: 30px;
                            margin: 0 12px;
                            display: inline-block;
                            background: url(https://anta-cn-web.obs.myhwclouds.com/theme/images/icons/wechat-cr-g.svg) no-repeat center center;
                            border-radius: 50%;
                            overflow: hidden;
                        }
                        >a:hover {
                            background: url(https://anta-cn-web.obs.myhwclouds.com/theme/images/icons/alipay-cr-g.svg);
                        }
                    }
                }
                .login-links {
                    padding-top: 30px;
                    text-align: center;
                    color: #e0e0e0;
                    a {
                        padding: 0 9px;
                        font-size: 14px;
                    }
                }
            }
        }
    }
}